<div class="scroll_outermost_up" [style]="{ width: dataObj.width + dataObj.unit, height: dataObj.height + dataObj.unit }"
  #outerMost (mouseover)="rollStop('over')" (mouseout)="rollStart(60)">
  <div class="outer_box" #outerBox1>
    <div [style]="{  height: dataObj.height + dataObj.unit }" class="inner_item" *ngFor="let item of dataObj.scrollList">
      {{ item }}</div>
  </div>
  <div class="outer_box" #outerBox2>
    <div [style]="{ height: dataObj.height + dataObj.unit }" class="inner_item">{{ dataObj.scrollList[0] }}</div>
  </div>
</div>